
  <h3 [ngStyle]="{'margin-bottom.px': 16 }">Default Size</h3>
  <nz-list [nzDataSource]="data" nzBordered
           [nzHeader]="'Header'" [nzFooter]="'Footer'"
           [nzRenderItem]="item">
    <ng-template #item let-item><nz-list-item [nzContent]="item"></nz-list-item></ng-template>
  </nz-list>
  <h3 [ngStyle]="{'margin': '16px 0' }">Small Size</h3>
  <nz-list [nzDataSource]="data" nzBordered nzSize="small"
           [nzHeader]="'Header'" [nzFooter]="'Footer'"
           [nzRenderItem]="item">
    <ng-template #item let-item><nz-list-item [nzContent]="item"></nz-list-item></ng-template>
  </nz-list>
  <h3 [ngStyle]="{'margin': '16px 0' }">Large Size</h3>
  <nz-list [nzDataSource]="data" nzBordered nzSize="large"
           [nzHeader]="'Header'" [nzFooter]="'Footer'"
           [nzRenderItem]="item">
    <ng-template #item let-item><nz-list-item [nzContent]="item"></nz-list-item></ng-template>
  </nz-list>
  